<template>
    <el-table :data="[props.list]" style="width: 100%" size="large"  border :fit="true" row-class-name="row_name"  :header-cell-style="{
            textAlign: 'center',
            height: '42px',
			background: '#e9f2fa',
        }">
        <el-table-column fixed prop="add_num" label="增长数量" align="center"/>
        <el-table-column prop="add_rate" label="增长率"  align="center"/>
        <el-table-column prop="use_rate" label="使用率" align="center"/>
        <el-table-column prop="vip_order_num" label="VIP订单（）" align="center" />
        <el-table-column prop="order_num" label="普通订单" align="center"/>
        <el-table-column prop="vip_order_num_group" label="套餐类别（VIP）"  align="center"/>
        <el-table-column prop="self_rate" label="贡献率"  align="center"/>
        <el-table-column prop="self_num" label="贡献数（海报1/海报2）"  align="center"/>
    </el-table>
</template>
  
<script lang="ts" setup>
const props = defineProps(["list"])

</script>
<style lang="scss" scoped>
:deep(.cell){
    color:#5e6d82 ;
    font-size: 13px;
}
:deep(thead){
    .cell{
        color:#1f2f3d ;
        font-size: 14px;
        font-weight: 650;
    }
}
:deep(.row_name){
   height: 42px !important;
}
:deep(.el-table__cell){
    padding: 0;
}
</style>
  